<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/setUp.css">
  <link rel="shortcut icon" href="../favicon.ico" />
  <script src="../js/rem.js"></script>
  <title>设置</title>
</head>

<body>
  <!-- 头部 -->
  <header>
    <a href="./mine.html" class="iconfont icon-left"></a>
    <h5>设置</h5>
  </header>
  <main>
    <div class="share">分享绑定</div>
    <ul class="about">
      <li>
        <h5>微信</h5>
        <p>未绑定<span class="iconfont icon-bottom"></span></p>
      </li>
      <li>
        <h5>QQ</h5>
        <p>四月物语</p>
      </li>
      <li>
        <h5>腾讯微博</h5>
        <p>未开通</p>
      </li>
      <li>
        <h5>新浪微博</h5>
        <p>未绑定<span class="iconfont icon-bottom"></span></p>
      </li>
    </ul>
    <div class="share">阅读模式</div>
    <ul class="about">
      <li>
        <h5>正文字号</h5>
        <p>标准<span class="iconfont icon-bottom"></span></p>
      </li>
      <li>
        <h5>视频自动播放</h5>
      </li>
      <li>
        <div class="add">
          <h5>新闻推送</h5>
          <strong>关闭时可能错过重要咨询通知</strong>
        </div>
        <span class="iconfont icon-dakai"></span>
      </li>
    </ul>
    <div class="bg"></div>
    <div class="last">
      <h5>清理缓存</h5>
    </div>
    <div class="bg"></div>
    <div class="last">
      <h5>关于</h5>
    </div>
  </main>
</body>

</html>